<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
    <title>vue0</title>
    <script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
<div id="root">
    <h1>hello,{{name}}</h1>
    <h1>{{Date.now()}}</h1>

<!--
     4. {{}}里边放js表达式
       js表达式 和 js代码（语句）
         1.表达式：一个表达式会产生一个值，可以放在任何一个需要的地方
          (1) a   （a.toLocaleLowerCase() 转大写）
          (2) a+b
          (3) demo(1) （方法）
          (4) x===y ? 'a':'b' （三目运算）
         2.js代码
          (1) if(){}
          (2) for(){}
-->

</div>
<script type="text/javascript">
    Vue.config.productionTip = false //设置为 false 以阻止 vue 在启动时生成生产提示。
    const app = new Vue({   //1.配置对象  el、data、 axios
        el: '#root',  //2. el 用于当前vue实例为哪个容器服务  容器和实例一一对应
        data: {       //3. data 用于存放数据，数据供el所制定的容器使用，容器外不生效，一旦data中的数据发生变化。那么【页面中】用到的数据也会发生变化
            name: '世界',
        }
    })
</script>
</body>
</html>
